<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<body class="page-home js-page-home" th:fragment="footer">
	<section class="ddc-join">
		<div class="pledge">
			<div class="pledge-part pledge-part-01">
				<span class="pledge-icon pledge-icon-01"></span>
				<p class="pledge-text">100倍故障赔偿</p>
			</div>
			<div class="pledge-part pledge-part-02">
				<span class="pledge-icon pledge-icon-02"></span>
				<p class="pledge-text">免费备案服务</p>
			</div>
			<div class="pledge-part pledge-part-03">
				<span class="pledge-icon pledge-icon-03"></span>
				<p class="pledge-text">备案补偿</p>
			</div>
			<div class="pledge-part pledge-part-04">
				<span class="pledge-icon pledge-icon-04"></span>
				<p class="pledge-text">7x24小时服务支持</p>
			</div>
		</div>
		<div class="ddc-join__inner">
			<p class="ddc-join__title">立即开启云上之旅</p>
			<a href="https://app./#/auth/signup" class="ddc-join__btn OMEGA_DDC_PC_W_HOME_FLOOER_REG_CK" target="_blank">免费注册</a>
		</div>
	</section>
	<footer id="footer" class="ddc-footer">
		<div class="ddc-footer__inner container" id="footerLinks">
			<ul class="ddc-footer-links"  v-for="item in items">
				<li v-for="i in item.links">
					<a :href="i.linkPath" class="ddc-footer-links__item" :target="i.linkTarget">{{ i.linkName }}</a>
				</li>
			</ul>
			<div class="ddc-footer-copyright">
				©2014 -
				<span id="copyright-year">2019</span>
				分布式研发小组 京ICP备12043664号-13 
				
				&nbsp;&nbsp;
				
				<a class="icp-num" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002002031" target="_blank">
					<img src="http://training-static.linesno.com/image//ga-icp.d0289dc0a4.png" width="16" style="margin-bottom:-2px" alt="">&nbsp;京公网安备 11000002002031
				</a>
			</div>
		</div>
		
	</footer>
	
	<div id="Itemlist"></div>
	
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>	
	<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.5.1/vue-resource.min.js"></script>
	<script type="text/javascript">
		$(function(){
			// 导航链接	
			var ItemsVue = new Vue({
			    el: '#Itemlist',
			    data: {
			        items: [] 
			    },
			    mounted: function () {
			        var self = this;
			        $.ajax({
			            url: ctx+'public/navigation',
			            method: 'GET',
			            success: function (response) {
			                self.items = response.data ;
			            },
			            error: function (error) {
			                console.log(error);
			            }
			        });
			    } 
			    
			});
		
			// footer link 
			linkItems('#footerLinks' , 'agree' , 'footer') ;
		})
	
		// 初始化链接
		function linkItems(_el , _type , _group){
			var ItemsVue = new Vue({
			    el: _el ,
			    data: {
			        items: []
			    },
			    mounted: function () {
			        var self = this;
			        $.ajax({
			            url: ctx+'public/portal/link/group?type='+_type+'&group='+_group ,
			            method: 'GET',
			            success: function (response) {
			                self.items = response.data;
			            },
			            error: function (error) {
			                console.log(error);
			            }
			        });
			    } 
			});
		}
		
	</script>
	
	<div style="display:none">
		<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1277660940'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/z_stat.php%3Fid%3D1277660940%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
	</div>	
</body>
		
</html>
